.chatAi{
	background: #f1f1f1;
	min-height: 100vh;
}

.chatAi footer{
	display: flex;
	align-items: center;
	width: 97%;
	background:white;
	padding: 7px 5px;
	position: fixed;
	bottom: 0px;
}
.chatAi footer div:nth-child(1){
	width: 73%;
	height: 44px;
}
.chatAi footer div:nth-child(2){
	width: 25%;
	margin-left: 2%;
}
.chatAi footer .van-button{
	width: 100%; 
	display: flex;
	justify-content: center;
}

.question, .answer{
	display: flex;
}

.question{
	justify-content: end;
	padding-right: 5px;
}
.answer{
	padding-left: 5px;
}

.question_message, .answer_message{
	position: relative;
	max-width: 70%;
	margin: 10px;
	padding: 10px;
	background-color: greenyellow;
	border-radius: 5px;
}

.question_message{
	background-color: white;
	filter: drop-shadow(0px 0px 5px gainsboro);
}

.answer_message::before {
	content: '';
	position: absolute;
	left: -5px;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	background-color: greenyellow;
}

.question_message::before{
	content: '';
	position: absolute;
	right: -5px;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	background-color: white;
	z-index: -10;
}